<template>
  <h3>表单输入绑定</h3>
  <form>
  <!-- 这里可以把输入框的内容传递给变量,变量可以在html操作 -->
  <input type="text" v-model="getInputMsg"></input>
<input type="checkbox" id="checkbox" v-model="inputCheck"></input>
<!-- 这里把是否选中选择框的结果传递给inputCheck-->
    <label for="checkbox">{{ inputCheck }}</label>
  
  </form>
  <p>{{ getInputMsg }}</p>

  <!-- 这里输入会实时把数据显示,如果想要输入完成以后再显示,可以加 lazy -->
  <h4>这里输入会实时把数据显示,如果想要输入完成以后再显示,可以加 lazy</h4>
    <input type="text" v-model.lazy="getLazyMsg"></input>
    <label>{{ getLazyMsg }}</label>
</template>
<script>
export default {
  data() {
    return {
      getInputMsg: "",
      inputCheck:false,
      getLazyMsg: ""
    };
  },
  // 计算属性
  computed: {},
  methods: {},
  // 监听
  watch: {

}
};
</script>
